<!-- 选项模块的模板 -->
<template>
  <div class="user-cart-item">
    <div><slot name="cart-left"></slot></div>
    <div><slot name="cart-center"></slot></div>
    <div><slot name="cart-right"><img src="~assets/img/profile/right_arrow.svg" alt=""></slot></div>
  </div>
</template>

<script>
export default {
    name:"UserCartItem",
    data() {
        return {

        }
    },
    //生命周期 - 创建完成（访问当前this实例）
    created() {

    },
    //生命周期 - 挂载完成（访问DOM元素）
    mounted() {

    }
}
</script>

<style scoped>
.user-cart-item{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0 20px;
}
.user-cart-item img:last-child{
  width: 20px;
}
.user-cart-item div:nth-child(2){
  margin-right: auto;
  margin-left: 10px;
  letter-spacing: 2px;
}
.user-cart-item{
  position: relative;
}
.user-cart-item::after{
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #e5e5e5;
    color: #e5e5e5;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

</style>